<template>
  <div id="app">
    <!-- <FooterNav  v-show="isShow"/> -->
    <FooterNav  v-show="this.$store.state.footerNavShow"/>
    <!-- <FooterNav v-show="isShow"></FooterNav> -->
    <router-view />
  </div>
</template>

<script>
import FooterNav from "./components/FooterNav";
export default {
  data() {
    return {
      // isShow: true,
    };
  },
  components: {
    FooterNav,
  },
 created() {
    this.$store.state.footerNavShow = true
  },
};
</script>

<style lang="scss">
// 写在此处的样式为全局样式
* {
  margin: 0;
  padding: 0;
}

html,
body {
  // 苹果手机
  touch-action: none;
  height: 100%;

  ul,
  li {
    list-style: none;
  }
}

.changge-enter-acitve,
.changge-leave-active {
  transition: opacity 0.6s;
}

.changge-enter,
.changge-leave-to {
  opacity: 0;
}
</style>
